<template>
  <RouterView />
</template>

<script setup lang="ts">
import { RouterView, useRoute } from 'vue-router';
import { onMounted, onBeforeMount, watch, ref } from 'vue';
import { useStore } from 'vuex';
import type { RouteLocationNormalizedLoaded } from 'vue-router';

const childShow = ref(true);
const store = useStore();
const route: RouteLocationNormalizedLoaded = useRoute();
onBeforeMount(()=>{
  
})
onMounted(()=>{
  //store.dispatch('setDashboardOptions');
})

</script>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
